import React, { useEffect, useState } from 'react'
import { useNavigate } from 'react-router-dom'
import { NavBar, Card, Switch } from 'antd-mobile'
import './Meditation.css'
export default function Meditation() {
  const navigate = useNavigate()
  const back = () => {
    navigate(-1)
  }
  return (
    <div className='meditation'>
      <div className='meditation-top'>
        <NavBar
          backIcon={null} back={<img src='https://img.axureshop.com/76/f2/4c/76f24c3cde0f4d4e89019bd9147be2a7/images/%E6%AF%8F%E6%97%A5%E6%8F%90%E9%86%92/u1273.png' />} onBack={back}>
          <b className='shez-top-title' style={{ fontSize: '1rem' }}>最近冥想</b>
        </NavBar>
      </div>
      <div className='meditation-content'>
        <div>
          <img src="../../../public/MyImg/meditation.png" alt="" />
          <p>你尚未开始潮汐之旅</p>
        </div>
      </div>
    </div>
  )
}
